<template>
    <div class="ExDeliveryCom">
        <h1>
            <router-link :to="{name:'ExDelivery'}">
                独家放送
                <i class="fa fa-chevron-right"></i>
            </router-link>
        </h1>
        <article>
            <div class="ExDelivery" v-for="{sPicUrl,name,item} in privatecontent" :key="item">
                <div class="main">
                    <router-link  class="main" :to="{name:'ExDelivery'}">
                        <img :src="sPicUrl">
                    </router-link>
                </div>
                <p>
                    <router-link :to="{name:'ExDelivery'}">
                        {{name}}
                    </router-link>
                </p>
            </div>
        </article>
    </div>
</template>

<script>
import {privatecontent} from '@/library/api/api'
export default {
    name:'ExDeliveryCom',
    data() {
        return {
            privatecontent:{}
        }
    },
    created() {
        privatecontent({}).then(res=>{
            this.privatecontent = res.result.map(item=>{
                return item
            })
        })
    }
}
</script>

<style lang="scss" scoped>
@import './ExDeliveryCom.scss'
</style>
